<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
    	<meta http-equiv="content-type" content="text/html;charset=utf-8">
        <meta name="author" content="Jennifer">
        <title>音乐商城-产品列表</title>
        <link type="text/css" rel="stylesheet" href="css/basic.css"/>
        <link type="text/css" rel="stylesheet" href="css/style.css"/>
        <script type="text/javascript" src="js/jquery-1.7.2.js"></script>
        <script type="text/javascript" src="js/app.js"></script>
   </head>
   <body id="about">
   		<div class="h_t_bg"></div>
        <div class="main_body" id="main">
        	<div class="header">
            	<div class="logo" id="logo">
                	<img src="img/logo.png"/>
                </div>
            	<div class="login_content">
                	<div id="bg_music">
                    	<span style="display: block;margin-top: 27px;margin-left: 25px;">背景音乐</span>
                        <a class="music_control_btn"><img src="img/do.png"/></a>
                    </div>
                    <div id="user_login">
                        <a href="javascript:void(0)" style="color:#630e0b" class="popdlg_btn" data-target="#login_area">登录</a>
                        <a href="javascript:void(0)" style="color:#630e0b" class="popdlg_btn" data-target="#register_area">注册</a>
                    </div>
                </div>
                <div class="menu_list">
                	<ul>
                    	<li><a href="javascript:void(0)">【首页】</a></li>
                        <li><a href="javascript:void(0)">【关于我们】</a></li>
                        <li><a href="javascript:void(0)">【最新动态】</a></li>
                        <li><a href="javascript:void(0)">【修疗健康】</a></li>
                        <li><a href="javascript:void(0)">【音乐商城】</a></li>
                        <li><a href="javascript:void(0)">【增值服务】</a></li>
                        <li><a href="javascript:void(0)">【见证分享】</a></li>
                        <li class="li_last"><a href="javascript:void(0)">【联系我们】</a></li>
                    </ul>
                </div>
                <div class="sliders">
                	<img src="img/slider_1.png"/>
                </div>
            </div>
            <div class="content"><!--filter: progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);
-moz-box-shadow: 2px 2px 10px #909090;-webkit-box-shadow: 2px 2px 10px #909090;box-shadow: 2px 2px 50px #a76923;-->
            	<div id="menu" class="menu">
                	<ul> 
                    	<li>
                        	<a style="display: block;width: 180px;height: 50px;">
                            	<img src="img/menu_normal.png" />
                        		<h3 class="h3_about">创始人简介</h3>
                            </a>
                        </li>
                        <li>
                        	<a style="display: block;width: 180px;height: 50px;">
                            	<img src="img/menu_normal.png" />
                        		<h3>新闻动态</h3>
                            </a>
                        </li>
                        <li>
                        	<a style="display: block;width: 180px;height: 50px;">
                            	<img src="img/menu_current.png" />
                        		<h3>音乐商城</h3>
                            </a>
                        </li>
                        <li>
                        	<a style="display: block;width: 180px;height: 50px;">
                            	<img src="img/menu_normal.png" />
                        		<h3>联系我们</h3>
                            </a>
                        </li>
                    </ul>
                    
                </div>
            	<div id="product_list">
                	<h2 class="innerPage_title">音乐商城</h2>
                    <img src="img/divider.png"/><br />
                    <div style="margin-top:36px;">
                    	<ul style="padding-left:20px">
                        	<li>
                            	<a href="javascript:void(0)">
                                    <div class="zq_img">
                                        <img src="images/text_image2.png" class="img_float_bg" />			
                                    </div>
                                    <div class="zq_text">
                                        <span>六字大明咒<br />(西纳·弗德贾尼精选)</span>
                                    </div>
                                    <div class="zq_func" href="javascript:void(0)">
                                        <img src="img/title.png" />
                                        <h3>购买</h3>
                                    </div>  
                                </a> 
                            </li>
                            <li>
                            	<a href="javascript:void(0)">
                                    <div class="zq_img">
                                        <img src="images/text_image2.png" class="img_float_bg" />			
                                    </div>
                                    <div class="zq_text">
                                        <span>六字大明咒<br />(西纳·弗德贾尼精选)</span>
                                    </div>
                                    <div class="zq_func" href="javascript:void(0)">
                                        <img src="img/title.png" />
                                        <h3>购买</h3>
                                    </div>  
                                </a> 
                            </li>
                            <li>
                            	<a href="javascript:void(0)">
                                    <div class="zq_img">
                                        <img src="images/text_image2.png" class="img_float_bg" />			
                                    </div>
                                    <div class="zq_text">
                                        <span>六字大明咒<br />(西纳·弗德贾尼精选)</span>
                                    </div>
                                    <div class="zq_func" href="javascript:void(0)">
                                        <img src="img/title.png" />
                                        <h3>购买</h3>
                                    </div>  
                                </a> 
                            </li>
                          	<li class="li_last">
                            	<a href="javascript:void(0)">
                                    <div class="zq_img">
                                        <img src="images/text_image2.png" class="img_float_bg" />			
                                    </div>
                                    <div class="zq_text">
                                        <span>六字大明咒<br />(西纳·弗德贾尼精选)</span>
                                    </div>
                                    <div class="zq_func" href="javascript:void(0)">
                                        <img src="img/title.png" />
                                        <h3>购买</h3>
                                    </div>  
                                </a> 
                            </li>
                            <li>
                            	<a href="javascript:void(0)">
                                    <div class="zq_img">
                                        <img src="images/text_image2.png" class="img_float_bg" />			
                                    </div>
                                    <div class="zq_text">
                                        <span>六字大明咒<br />(西纳·弗德贾尼精选)</span>
                                    </div>
                                    <div class="zq_func" href="javascript:void(0)">
                                        <img src="img/title.png" />
                                        <h3>购买</h3>
                                    </div>  
                                </a> 
                            </li>
                            <li>
                            	<a href="javascript:void(0)">
                                    <div class="zq_img">
                                        <img src="images/text_image2.png" class="img_float_bg" />			
                                    </div>
                                    <div class="zq_text">
                                        <span>六字大明咒<br />(西纳·弗德贾尼精选)</span>
                                    </div>
                                    <div class="zq_func" href="javascript:void(0)">
                                        <img src="img/title.png" />
                                        <h3>购买</h3>
                                    </div>  
                                </a> 
                            </li>
                            <li>
                            	<a href="javascript:void(0)">
                                    <div class="zq_img">
                                        <img src="images/text_image2.png" class="img_float_bg" />			
                                    </div>
                                    <div class="zq_text">
                                        <span>六字大明咒<br />(西纳·弗德贾尼精选)</span>
                                    </div>
                                    <div class="zq_func" href="javascript:void(0)">
                                        <img src="img/title.png" />
                                        <h3>购买</h3>
                                    </div>  
                                </a> 
                            </li>
                          	<li class="li_last">
                            	<a href="javascript:void(0)">
                                    <div class="zq_img">
                                        <img src="images/text_image2.png" class="img_float_bg" />			
                                    </div>
                                    <div class="zq_text">
                                        <span>六字大明咒<br />(西纳·弗德贾尼精选)</span>
                                    </div>
                                    <div class="zq_func" href="javascript:void(0)">
                                        <img src="img/title.png" />
                                        <h3>购买</h3>
                                    </div>  
                                </a> 
                            </li>                       
                        </ul>
                    </div>
                    <div id="page_list">	<!--分页展示-->
                    	<a class="to_page_first" href="javascript:void(0)" style="">
                        	<span>&lt;&lt;&nbsp;首页</span>
                        </a>
                        <a href="javascript:void(0)">
                        	<span>&lt;</span>
                        </a>
                        <a href="javascript:void(0)">
                        	<span>1</span>
                        </a>
                        <a href="javascript:void(0)">
                        	<span>2</span>
                        </a>
                        <a href="javascript:void(0)">
                        	<span>3</span>
                        </a>
                        <a href="javascript:void(0)">
                        	<span>...</span>
                        </a>
                        <a href="javascript:void(0)">
                        	<span>8</span>
                        </a>
                        <a href="javascript:void(0)">
                        	<span>9</span>
                        </a>
                        <a href="javascript:void(0)">
                        	<span>&gt;</span>
                        </a>
                        <a class="to_page_last" href="javascript:void(0)" style="background:url(img/page_first_last.png) no-repeat;height:25px;width:70px;display:inline-block;margin-right:-33px">
                        	<span>末页&nbsp;&gt;&gt;</span>
                        </a>
                    </div>
                </div>
            </div>
            <div class="footer">
            	<span>
                	<a href="javascript:void(0)">首页</a> - 
                    <a href="javascript:void(0)">创始人简介</a> - 
                    <a href="javascript:void(0)">音色疗人简介</a> - 
                    <a href="javascript:void(0)">最新动态</a> - 
                    <a href="javascript:void(0)">修疗音乐与健康</a> - 
                    <a href="javascript:void(0)">见证分享</a>
                </span><br /><br />
                <span>
               		<a href="javascript:void(0)" style="color:#6e1f14">临沂市音色疗人项目开发有限公司</a>&nbsp;&nbsp;&nbsp;
                    <a href="javascript:void(0)" style="color:#6e1f14">版权所有 COPYRIGHT 2008 HEGII</a>&nbsp;&nbsp;&nbsp;
                    <a href="javascript:void(0)" style="color:#6e1f14">技术支持：新商网络</a>&nbsp;&nbsp;&nbsp;
                    <a href="javascript:void(0)" style="color:#6e1f14">鲁ICP备10071902号-1</a>
                </span>
            </div>
        </div>
        <div class="f_b_bg"></div>
        
        <!--登陆页-->
   		<div id="login_area" style="position:absolute;z-index:999;display:none;" class="dlg_wraper">
        	<a class="close_title_hbx_a">关闭</a>
        	<div id="vip_login" class="vip_title">
            	<span>会员登录</span>
            </div>
            <form>
                <div class="username">
                    <span>用&nbsp;&nbsp;户&nbsp;名:</span>
                    <input type="text"/>
                    <span class="star">*</span>
                </div>
                <div class="password_confirm">
                    <span>确认密码:</span>
                    <input type="text"/>
                    <span class="star">*</span>
                </div>
                <div class="login_btn">
                    <a href="javascript:void(0)">立即登录</a>
                </div>
            </form>
        </div>	
        
        <!--注册页-->
        <div id="register_area" style="position:absolute;z-index:999;display:none;" class="dlg_wraper">
        	<a class="close_title_hbx_a">关闭</a>
            <div id="vip_register" class="vip_title">
                <span>会员注册</span>
            </div>
            <form>
                <div class="username">
                    <span>用&nbsp;&nbsp;户&nbsp;&nbsp;名:</span>
                    <input type="text"/>
                    <span class="star">*</span>
                </div>
                <div class="password_set">
                    <span>设置密码:</span>
                    <input type="text"/>
                    <span class="star">*</span>
                </div>
                <div class="password_confirm">
                    <span>确认密码:</span>
                    <input type="text"/>
                    <span class="star">*</span>
                </div>
                <div class="mobile" id="mobile">
                    <span>手&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;机:</span>
                    <input type="text"/>
                    <span class="star">*</span>
                </div>
                <div class="mail" id="mail">
                    <span>邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱:</span>
                    <input type="text"/>
                    <span class="star">*</span>
                </div>
                <div class="login_btn">
                    <a href="javascript:void(0)">立即注册</a>
                </div>
            </form>
        </div>
   </body>
</html>